@charset "UTF-8"; html { color: #000; display: block; height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, li { list-style: none;}
a, a:link, a:visited { text-decoration: none;}
a, button, input, textarea { -webkit-tap-highlight-color: transparent;}
input, textarea { -webkit-appearance: none; border-radius: 0; outline: none; border: 0;}
body {font-family: -apple-system,Helvetica,sans-serif;color: #000;min-width: 320px;background: #fff;width: 100%;height: 100%;max-width: 640px;margin: 0 auto;}
img { width: 100%; vertical-align: middle; border: 0 none;}
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both;}
.clearfix { zoom: 1;}
body {background: #f2f2f2;background-size: 50%;padding-top: 40px;}
 .content{width: 100%;overflow: hidden;margin-top: 0px;
.couponList {padding-top: 51px;padding-bottom: 40px;}
.addtop {margin-top: 70px !important;}
 .empty { width: 36%; margin-right: auto; margin-left: auto; margin-top: 20%;}
 .empty .tips { text-align: center; height: 56px; line-height: 61px; color: #666; font-size: 18px;}
 .orderUl {height: 51px;background: #fff;border-bottom: 1px solid #cdcccc;width: 100%;position: fixed;top: 40px;z-index: 4;}
.addtop .orderUl {top: 60px;}
 .orderUl li { width: 33.3%; display: inline-block; float: left; text-align: center;}
 .orderUl li a { text-align: center; width: 100%; height: 100%; display: block; line-height: 51px; color: #333; font-size: 18px;}
 .orderUl li a.focus { color: #e71e14; position: relative;}
 .orderUl li a.focus:after { content: ''; width: 60%; height: 2px; position: absolute; left: 20%; bottom: 5px; background: #e71e14; border-radius: 10px;}
 .bor_l { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px;}
 .bor_m {content: "";display: block;width: 7px;height: 100%;background: url(../assets/q_dot_bg.png) repeat-y left top;position: absolute;background-size: 3px;left: -1px;top: 0;left: auto;right: 47px;}
 .bor_r { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: -2px; z-index: 3; background-size: 7px;}
 .couponList { padding: 15px 12px 0;}
 .couponList .bor_l { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; display: none;}
 .couponList .bor_m { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/q_dot_bg.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: 103px;}
 .couponList .bor_r { content: ""; display: block; width: 7px; height: 100%; background: url(../assets/line.png) repeat-y left top; position: absolute; background-size: 4px; left: -1px; top: -1px; left: auto; right: -4px; z-index: 3; background-size: 4px; display: none;}
 div.block {padding-right: 110px;margin-bottom: 10px;border-radius: 5px;height: 119px;position: relative;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);background: #FFF;padding-left: 100px;background: #fff url(../assets/iphone.png) no-repeat 10px center;background-size: 91px;}
 }

.content div.block.expired:before { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; z-index: 3;}
.content div.block.expired .coudate .info .valid { background: transparent; color: #333;}
.content div.block .coudate {/* padding: 10px; */border-radius: 0 5px 5px 0;box-sizing: border-box;position: absolute;right: 0;top: 0;width: 110px;background: #fff;border: 1px solid #f2f2f2;height: 100%;}
.content div.block .coudate .info p { color: #FFF; line-height: 1.4em; text-align: center; font-size: 14px;}
.content .info .btn {height: 100%;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;;width: 20px;    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;/* line-height: 30px; */border-radius: 40px;/* display: block; */text-align: center;color: #fff;/* margin-top: 12px; */font-size: 16px;margin-left: auto;margin-right: auto;}
.content .couponCenter{
  margin-top:60px;
}
    .content div.block .coudate .info .btn.over { background: #ccc;}
.content div.block .coupon {padding: 20px 6px 10px;border-radius: 5px 0 0 5px;color: #fff;/* height: 90px; */box-sizing: border-box;line-height: 1.1;}
.content div.block .coupon .info big {font-size: 24px;margin-right: 7px;/* font-family: SFUIText-Medium,arial; */display: inline-block;vertical-align: text-bottom;}
.content div.block .coupon .info .des { width: 100%; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; color: #333; font-size: 16px;}
.content .couponCenter div.block .coupon .info .desText {width: 100%;height: 25px;line-height: 25px;overflow: hidden;/* white-space: nowrap; */margin-bottom: 20px;color: #333;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;position: relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.content .couponCenter div.block .coupon .info .desText p {/* max-width: 90%; *//* float: left; */height: 25px;line-height: 25px;overflow: hidden;white-space: nowrap;color: #333;font-size: 14px;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;display: inline-block;/* text-overflow: ellipsis; */white-space: nowrap;overflow: hidden;padding-left: 49px;box-sizing: border-box;width: 100%;}
.content div.block .coupon .info > p {overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 18px;}
.info p super{/* vertical-align: text-bottom; */font-size: 17px;/* margin-top: 17px; */position: absolute;left: 0;top: 2px;}
.content .more_coupon { padding: 0 32px; height: 45px; text-align: center; line-height: 45px; padding-bottom: 10px;}
.content .more_coupon a { width: 100%; display: block; height: 45px; position: relative; font-size: 16px; background: #fff; border-radius: 5px; color: #666;/*box-shadow: 0px 0px 5px 3px #ddd;*/ color: #f52626; border-radius: 50px; border: 1px solid #f52626;}
.content .more_coupon i { position: absolute; height: 12px; width: 12px; right: 50%; top: 2px; border-top: 1px solid #f52626; border-left: 1px solid #f52626; transform: translate(115px, 15px) rotate(-45deg); -webkit-transform: translate(115px, 15px) rotate(135deg);}
.content .menu {width: 100%;max-width: 720px;background: #fff;height: 51px;overflow: hidden;border-bottom: 1px solid #cdcccc;position: fixed;left: 0;top: 40px;z-index: 10;}
.content.addtop .menu {top: 60px;}
.content .menu.fixed { position: fixed; top: 40px; z-index: 3;}
.content .menu .r { position: absolute; right: 0px; top: 0px; width: 42px; height: 51px; box-sizing: border-box; padding: 5px 0; background: #fff; text-align: center;}
.content .menu .r:before { content: ""; width: 1px; height: 41px; left: 0; top: 5px; position: absolute; background: #ccc;}
.content .menu .r a.towardUp {content: '';width: 13px;height: 13px;background: transparent;border-left: 1px solid #808080;border-bottom: 1px solid #808080;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(1355deg);transform: rotate(135deg);position: absolute;display: inline-block;left: 13px;top: 24px;}
.content .menu .r a.towardDown { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; display: inline-block; left: 13px; top: 14px;}
.content .menuBox { padding-right: 42px; position: absolute; width: 100%; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box;}
.content .menuBox::-webkit-scrollbar { display: none;}
.content .menuBox .menuUl { height: 51px; background: #fff; padding-right: 42px;}
.content .menuBox .menuUl li { width: 70px; float: left;/*@include b-flex;*/}
.content .menuBox .menuUl li a {text-align: center;width: 100%;height: 51px;display: block;line-height: 51px;color: #333;font-size: 14px;}
.content .menuBox .menuUl li a.focus {color: #E42222;position: relative;font-size: 15px;}
.content .menuBox .menuUl li a.focus:after { content: ''; width: 90%; height: 2px; position: absolute; left: 5%; bottom: 5px; background: #e71e14; border-radius: 10px;}
.content .couponCenter .store .storeTitle { overflow: hidden; height: 54px; background: #fff; line-height: 54px; position: relative; padding: 0 65px 0 60px; font-size: 16px; border-bottom: 1px solid #cdcccc; color: #333; display: none;}
.content .couponCenter .store .storeTitle .more { position: absolute; right: 0; top: 0; width: 60px; height: 100%; display: block; color: #808080; font-size: 15px;}
.content .couponCenter .store .storeTitle .more .moreIcon { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; display: inline-block; margin-top: 20px;}
.content .couponCenter .store .storeTitle .storeLogo { position: absolute; left: 10px; top: 0px; width: 45px; height: 55px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;}
.content .couponCenter .store .storeTitle .storeLogo img { display: block;}
.content .couponCenter li { padding: 0 10px; box-sizing: border-box; position: relative; overflow: visible;}
.content .couponCenter li a { display: block;}
.content .couponCenter li .coupon .shopBox { position: absolute; left: 10px; width: 76px; top: 12px; background: url(../assets/couponIcons.png) no-repeat; background-size: 75px 495px;}
.content .couponCenter li .coupon .shopBox.spq { height: 75px; width: 75px; background-position: 0 -270px;}
.content .couponCenter li .coupon .shopBox.dpq { height: 75px; width: 75px; background-position: 0 -345px;}
.content .couponCenter li .coudate .icon { width: 80%; display: none; text-align: center; margin-left: 10%; margin-bottom: 20px;}
.content .couponCenter li .coudate .process { width: 100%; height: 5px; border-radius: 10px; position: relative;}
.content .couponCenter li .coudate .process i { height: 5px; left: 0; top: 0; width: 64%; content: ""; position: absolute; border-radius: 20px;}
.categoryMask {width: 100%;height: 100%;max-width: 640px;display: none;position: fixed;-webkit-overflow-scrolling: touch;top: 91px;z-index: 2;background: rgba(0, 0, 0, 0.7);}
.categoryMask .categoryBox { background: #fff;}
.categoryMask .categoryBox .categoryTitle { width: 100%; height: 47px; font-size: 16px; padding-right: 50px; line-height: 47px; padding-left: 15px;}
.categoryMask .categoryBox .categoryTitle .r { position: absolute; right: 0px; top: 5px; border-left: 1px solid #ccc; width: 42px; height: 35px; background: #fff; text-align: center;}
.categoryMask .categoryBox .categoryTitle .r .towardUp { content: ''; width: 13px; height: 13px; background: transparent; border-left: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; display: inline-block; left: 13px; top: 14px;}
.categoryMask .categoryBox .categoryList { padding: 10px 5px 10px 5px;}
.categoryMask .categoryBox .categoryList ul.menuUl li {width: 25%;height: 40px;padding: 3px 10px;box-sizing: border-box;float: left;color: #333;}
.categoryMask .categoryBox .categoryList ul.menuUl li a {color: #333;width: 100%;height: 100%;display: block;text-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;font-size: 14px;}
.categoryMask .categoryBox .categoryList ul.menuUl li a.focus {/* background: #e71e14; */color: #E42222;border-radius: 50px;}
.share { box-sizing: border-box; position: fixed !important; top: 0; z-index: 3;}
.share a.ticketIcon {background: url(../assets/icon-my_coupon.png) no-repeat;background-size: 23px;height: 100%;width: 23px;background-position: 0 0;display: block;position: absolute;right: 47px;top: 11px;}
.share a.shareIcon { background: url(../assets/couponIcon.png) no-repeat; background-size: 22px 37px; height: 20px; width: 22px; background-position: 0 -17px; display: block; position: absolute; top: 9px; right: 12px;}
.success { position: fixed; width: 100%; top: 30%; display: none; max-width: 640px; text-align: center; display: none; z-index: 10;}
.success img { padding: 0 15%; box-sizing: border-box; display: block;}
.successMove { -webkit-animation: mymove 3s; -moz-animation: mymove 3s; -o-animation: mymove 3s; animation: mymove 3s;}
.wrapper { height: auto;}
.wrapper .tipBox { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: rgba(0, 0, 0, 0.8); text-align: center; color: #fff; line-height: 40px; z-index: 99998; border-radius: 5px;}
.wrapper .tips_overlay .tipBox.mask-in { background-color: rgba(0, 0, 0, 0.8);}
.wrapper .tips_overlay .tipBox.mask-out { background-color: black;}
.wrapper .tipBox.active { -webkit-animation: 1s move alternate 4;}
.wrapper .r5 { border-radius: 5px;}
.wrapper .tipBox .msg { padding: 20px 0;}
.wrapper .tipBox h2 { line-height: 24px; font-weight: normal; text-align: center; font-size: 16px;}
.wrapper .tipBox i { vertical-align: middle; display: inline-block; width: 0.1px; height: 100%;}
.wrapper .overlay, .wrapper .tips_overlay { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: all .2s ease-in-out; opacity: 0;}
.wrapper .tips_overlay { background-color: transparent;}
.wrapper .overlay-in { opacity: 1;}
.wrapper .overlay-out { opacity: 0;}
.wrapper .loading_box { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: black; text-align: center; color: #fff; z-index: 98; border-radius: 5px; padding: 10px 0;}
.wrapper .loading_wrapper { position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: none;}



/*弹框*/
.wapMask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); max-width: 640px; position: fixed; z-index: 3; top: 0;}
.wapMask .wapBox { width: 80%; left: 10%; top: 30%; background: #fff; position: absolute; border-radius: 10px; padding: 30px 10px 18px; text-align: center; box-sizing: border-box; line-height: 50px;}
.wapMask .wapBox .info { font-size: 15px;}
.wapMask .go_btn { width: 70%; display: block; height: 40px; line-height: 40px; color: #e83a3a; border-radius: 18px; text-align: center; margin: 15px auto 0; background: #F52626; background-size: 100% 100%;}
.wapMask .go_btn { text-decoration: none; color: #Fff;}
.wapMask .close { display: inline-block; background: #fff url(//i0.ulecdn.com/i/event/2016/0714/close.png) center center no-repeat; width: 40px; height: 40px; position: absolute; right: 4%; top: -50px; background-size: 40px; vertical-align: middle; border-radius: 50%;}
.couponList a { display: block;}
.couponList .coupon .info > p { font-size: 14px;}
.couponList .coupon .info > p a { color: #fff;}
.discount {width: 100%;/* height: 16px; */font-size: 12px;display: block;/* line-height: 16px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #FAFAFA;color: #999;padding: 3px 7px;border-radius: 3px;vertical-align: bottom;}
@-webkit-keyframes mymove { 0% { transform: scale(0);}
 70% { transform: scale(1);}
 100% { transform: scale(0);}
 }
@keyframes mymove { 0% { transform: scale(0);}
 70% { transform: scale(1);}
 100% { transform: scale(0);}
 }

/*=============================== START 10.12 券墙二期改版样式 2016.10.12 ===============================*/
.swiper-container { width: 100%; height: 165px; margin-top: 10px; z-index: 0; display: none;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide a { display: block;}
.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #FFF;}
.swiper-pagination-bullet { opacity: 0.5;}
.swiper-pagination-bullet-active { opacity: 1;}

/*====== START 券墙列表页 ======*/
.couponCenter { margin-top: 10px;}
.coudate .couponCenter .info p { display: none;}
.content .couponCenter li .coupon .shopBox { display: none;}
.content .couponCenter .coupon { color: #333;}
.couponCenter .coupon .info .des, .couponCenter .coupon .info span {font-size: 15px;vertical-align: top;display: inline-block;}
.content .couponCenter div.block .coudate {width: 55px;}
.couponCenter div.block {padding-right: 55px;}
.couponCenter .discount { width: auto; display: inline-block;}
.quan_name {width: 45px;height: 20px;line-height: 26px;display: block;margin: 0 auto;/* background: url(../assets/q_quan_class_bg.png) no-repeat; *//* background-size: 100% 26px; */text-align: center;/* color: #FFF; */font-size: 14px;margin-top: 3px;display: inline-block !important;background: #E42222;color: #fff;border-radius: 3px;font-size: 12px !important;line-height: 20px;margin-right: 9px;/* vertical-align: -webkit-baseline-middle; */position: absolute;left: 0;top: 0;}
.couponCenter div.block .coudate .info .valid {font-size: 14px;}
.content div.block .coudate .info{text-align:center;height: 100%;}
/*不同种类券的颜色设置*/

/*过期的则block clear 再增加class expired*/

/*1、通用券 popular  ef514c*/
.content div .coupon .info > p {color: #f24f46;font-size: 0;font-family: tahoma,arial,"Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",simsun,sans-serif;}
.content div.popular .coudate {background: #f24f46;}
.content div.block.popular .coudate .info .valid {color: #fff;/* background: #FFF; */}
.content .couponCenter .goUse .coudate .info .btn, .content .couponCenter .allover .coudate .info .btn {/* margin-top: 44px; */}
.content div.popular{
        background: #fff url(../assets/quan.png) no-repeat 10px center;
    background-size: 91px;
}

/*2、话费券 bill  f87412*/
.content div.bill .coudate { background:  #f87412;}
.content div.bill .quan_name{background: #f87412;}
.content div.block.bill .coudate .info .valid {/* color: #f87412; *//* background: #FFF; */}
.content div.bill{
        background: #fff url(../assets/chong.png) no-repeat 10px center;
    background-size: 91px;
}

/*3、运费券 freight  4fc1da*/
.content div.freight .coupon .info > p {/* color: #4fc1da; */}
.content div.freight .coudate {background: #4fc1db;}
.content div.freight .quan_name{background: #4fc1db;}
.content div.block.freight .coudate .info .valid {/* color: #4fc1db; *//* background: #FFF; */}
.content div.freight{
        background: #fff url(../assets/yun.png) no-repeat 10px center;
    background-size: 91px;
}

/*4、品类券 category  daa757*/
.content div.category .coupon .info > p { }
.content div.category .coudate { background:  #daa757;}
.content div.category .quan_name{background: #daa757;}
.content div.block.category .coudate .info .valid { color: #daa757; background: #FFF;}
.content div.category{
        background: #fff url(../assets/ping.png) no-repeat 10px center;
    background-size: 91px;
}

/*5、店铺券 shop  59a9e6*/
.content div.shop .coupon .info > p {/* color: #59a9e6; */}
.content div.shop .quan_name{background: #59a9e6;}
.content div.shop .coudate {background: #59a9e6;}
.content div.block.shop .coudate .info .valid {color: #fff;/* background: #FFF; */}
.content div.shop{
        background: #fff url(../assets/icon-store.png) no-repeat 10px center;
    background-size: 91px;
}

/*6、商品券 commodity  6ebd86*/
.content div.commodity .coupon .info > p {/* color: #6ebd86; */}
.content div.commodity .coudate {background: #6ebd86;}
.content div.commodity .quan_name{background:#6ebd86}
.content div.block.commodity .coudate .info .valid {color: #fff;/* background: #FFF; */}
.content div.commodity{
        background: #fff url(../assets/icon-item.png) no-repeat 10px center;
    background-size: 91px;
}

/*去使用状态*/
.content .couponCenter .goUse .popular .coudate, .content .couponCenter .allover .popular .coudate {/* background: #f25047 url(../assets/q_already_receive.png) no-repeat center -10px; *//* background-size: 71px 60px; */}
.content .goUse .popular .info .btn {/* color: #f25047; *//* background: #FFF; */}
.content .couponCenter .goUse .bill .coudate, .content .couponCenter .allover .bill .coudate {/* background: #f87412 url(../assets/q_already_receive.png) no-repeat center -10px; */background-size: 71px 60px;}
.content .goUse .bill .info .btn { color: #f87412; background: #FFF;}
.content .couponCenter .goUse .freight .coudate, .content .couponCenter .allover .freight .coudate {/* background: #4fc1da url(../assets/q_already_receive.png) no-repeat center -10px; */background-size: 71px 60px;}
.content .goUse .freight .info .btn { color: #4fc1da; background: #FFF;}
.content .couponCenter .goUse .category .coudate, .content .couponCenter .allover .category .coudate { background: #daa757 url(../assets/q_already_receive.png) no-repeat center -10px; background-size: 71px 60px;}
.content .goUse .category .info .btn { color: #daa757; background: #FFF;}
.content .couponCenter .goUse .over .coupon:before, .content .couponCenter .allover .coupon:before {background: url(../assets/received.png) no-repeat left top;background-size: 70px;/* filter: blur(3px); */position: absolute;right: 62px;bottom: 19px;content: '';width: 71px;height: 71px;opacity: 0.4;z-index: 1;border: none;}
.content .goUse .shop .info .btn {/* color: #59a9e6; *//* background: #FFF; */}
.content .couponCenter .goUse .commodity .coudate, .content .couponCenter .allover .commodity .coudate {/* background: #6ebd86 url(../assets/q_already_receive.png) no-repeat center -10px; *//* background-size: 71px 60px; */}
.content .goUse .commodity .info .btn { color: #6ebd86; background: #FFF;}

/*====== START 优惠券一对多情况 店铺列表页 ======*/
.coupon_store_list { background: #FFF; margin-top: 14px;}
.coupon_store_list li { padding: 2%; border-bottom: solid 1px rgba(205, 204, 204, 0.7);}
.coupon_store_list li a { display: block; color: #333; font-size: 16px; position: relative;}
.coupon_store_list li img { width: 88px; height: 88px; float: left;}
.coupon_store_list li p { margin-left: 12px; float: left; padding-top: 14px;}
.coupon_store_list li span { padding: 12px 16px; border: solid 1px #CCC; border-radius: 30px; position: absolute; right: 1%; top: 50%; margin-top: -22px;}

/*====== START 优惠券一对多情况 商品列表页 ======*/
.coupon_goods_list { background: #FFF;}
.coupon_goods_list li { padding: 4px 0; position: relative; min-height: 130px;}
.coupon_goods_list li img { width: 126px; height: 126px; background: #efedee; position: absolute; left: 0; top: 4px;}
.coupon_goods_rightCon { margin-left: 136px; padding-right: 2%; border-bottom: solid 1px #CCC; min-height: 128px;}
.coupon_goods_rightCon .title { width: 100%; height: 48px; padding-top: 6px; overflow: hidden; line-height: 24px; font-size: 16px; color: #333; margin-bottom: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.coupon_goods_rightCon .title span, .coupon_goods_rightCon .price em { background: #fed3d3; color: #e2262c; padding: 3px 8px; font-size: 14px; border-radius: 20px;}
.coupon_goods_rightCon .title span { margin-right: 6px;}
.coupon_goods_rightCon .price em { margin: 0 4px;}
.coupon_goods_rightCon del { display: block; margin-bottom: 6px; color: #808080; font-size: 12px;}
.price span { color: #e1262b; font-size: 20px; padding-right: 30px;}
.price span i { font-size: 14px;}

/*.loadMore{ width: 10%; left: 45%; bottom: 2%; top:auto;}*/
.loading {width: 100%;text-align: center;z-index: 3;display: none;font-size: 13px;padding: 6px 0;position: fixed;top: 40%;}
.loadMore img { width: 7%; margin-right: 3%;}

/*即将抢完和即将过期提醒*/
.icon_bs {width: 60px; height: 20px; display: block; position: absolute; left: 6px; top: 0; z-index: 1;}
.qw_icon { background: url(../assets/q_icon_qw.png) no-repeat; background-size: 100%;}
.gq_icon { background: url(../assets/q_icon_gq.png) no-repeat; background-size: 100%;}
.new_icon { background: url(../assets/q_icon_xq.png) no-repeat; background-size: 100%;}
.allover .quan_name { display: none;}

/*我的优惠券列表*/
.coupon_des { font-size: 16px; color: #333; margin-bottom: 5px;}
.linkMore { padding: 10px 32px 0; height: 45px; line-height: 45px; text-align: center; padding-bottom: 10px; display: none;}
.linkMore a { width: 100%; display: block; height: 45px; position: relative; font-size: 16px; color: #f52626; border: 1px solid #f52626; border-radius: 50px; background: #fff;}
.linkMore a i { position: absolute; height: 12px; width: 12px; right: 50%; top: 2px; border-top: 1px solid #f52626; border-left: 1px solid #f52626; transform: translate(115px, 15px) rotate(-45deg); -webkit-transform: translate(115px, 15px) rotate(135deg);}

/*=============================== END 10.12 券墙二期改版样式 ===============================*/
.loading1 { height: 40px; display: none; float: none; width: 100%; margin-left: 0; text-align: center; line-height: 40px; background: none; padding: 0px; border: none;}
.loading1 span { display: inline-block; background: url(../assets/loading1.gif) no-repeat left center; background-size: 30px; padding-left: 35px; font-size: 14px; color: #999;}
.loading-middle {width: 12%;left: 44%;position: fixed;z-index: 3;display: none;top: 45%;}
.loading-middle img {display: block;vertical-align: middle;width: 100%;}
.loading-middle {width: 12%;left: 44%;position: fixed;z-index: 3;display: none;top: 45%;}
.loading-middle img {display: block;vertical-align: middle;width: 100%;}
.tipBox { width: 80%; font-size: 16px; position: fixed; left: 10%; top: 30%; background-color: rgba(0, 0, 0, 0.8); text-align: center; color: #fff; line-height: 40px; z-index: 99; border-radius: 5px;/*-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);transform: translate3d(-50%, -50%, 0) scale(0.8);transition: all 0.3s cubic-bezier(0.1, 0.74, 0.57, 2);*/}
.tips_overlay .tipBox.mask-in {/*-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);*/ background-color: rgba(0, 0, 0, 0.8);}
.tips_overlay .tipBox.mask-out {/*-webkit-transform: translate3d(-50%, -50%, 0) scale(1.3);transform: translate3d(-50%, -50%, 0) scale(1.3);transition: all .3s ease-in-out; */ background-color: black;}
.tipBox.active { -webkit-animation: 1s move alternate 4;}
.tipBox .msg { padding: 20px 0;}
.tipBox h2 { line-height: 24px; font-weight: normal; text-align: center; font-size: 16px;}
.tipBox i { vertical-align: middle; display: inline-block; width: 0.1px; height: 100%;}
.overlay, .tips_overlay { position: fixed; top: 0; left: 0; z-index: 98; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: all .2s ease-in-out; opacity: 0;}
.tips_overlay { background-color: transparent;}
.overlay-in { opacity: 1;}
.overlay-out { opacity: 0;}
.fix-bottom .download_rec a {color: #fff;font-size: 16px;display: block;width: 100%;height: 100%;height: 54px;line-height: 54px;padding-left: 10px;}
.top_info {z-index: 3;	height: 54px;position:fixed;left: 0;top:90%;width: 100%;max-width: 640px;box-sizing: border-box;}


/*!底部固定栏*/
.fix-bottom{width:100%;max-width:640px;position:fixed;bottom:0;height:54px;z-index:6;left: 0;color:#fff;}
.fix-bottom img{width:40px;position: absolute;margin-right:6px;left: 37px;top: 7px;}
.fix-bottom .opacity{background: #f46206;opacity:.7;height:70px;left:0;top:0;}
#searbg,#searbg.level0{opacity:0}
.fix-bottom .download_rec{height: 54px;position:absolute;left:0;top:0;/* padding: 13px 5px 6px 8px; */width:100%;max-width:640px;box-sizing:border-box;}
.download_rec div{/* float:left *//* line-height: 1.2em; *//* margin-top: 6px; */line-height:30px;}
.download_rec p{/* line-height:40px */}
.fix-bottom .downloadBtn{float:right;width:74px;height:30px;line-height:30px;background:#f52626;color:#fff;border-radius:20px;text-align:center;font-size:12px;/* margin-right:4px; */margin-top:5px;position: absolute;right: 10px;top: 50%;margin-top: -15px;}
.fix-bottom #close{display:inline-block;color:#fff;line-height:20px;font-size:16px;width:20px;height:20px;text-align:center;/* background:#262626; */border-radius:50%;/* margin-top:10px; */position:absolute;right: 7px;top: 50%;margin-top: -10px;display: none;}
/*! 底部文字 */
.top_info a {
    font-size: 16px;
}
/*!2017/8/26底部样式更改  */
.addCouponBtn{
	background: #E38A18; border: none; color: #FFF; width: 100%; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 40px; text-align: center;height:50px;font-size:15px;
}
.content .bor_m:before {
    width: 12px;
    height: 12px;
    background: #F3F3F3 ;
    border-radius: 50%;
    display: block;
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
}
.content .bor_m:after {
    width: 12px;
    height: 12px;
    background: #F3F3F3 ;
    border-radius: 50%;
    display: block;
    content: '';
    position: absolute;
    left: -6px;
    bottom: -6px;
}
@media only screen and (max-width: 320px) {  
    .couponCenter div.block{
        padding-left: 78px;
        background-size: 68px;
    }  
    .content div.block .coupon .info big{
        font-size:20px
    }
    .info p super{
        font-size:12px;
        margin-right:3px
    }
    .content div.block .coupon .info > p{
        padding-left:10px
    }
}  
body.app {
    padding-top:0;
}
body.app .content .menu{
    top:0
}
body .categoryMask .categoryBox .categoryTitle{
   display:none 
}
body.app .categoryMask{
	top:41px
}
body.wap {
	padding-top:40px;
}
body.wap h3.title{
	display:block;
}
h3.title{
	display:none;
}
body.wap .content .menu{
	top:40px;
}